// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import React from 'react';

type SvgProps = {
    width?: number;
    height?: number;
}

const SvgComponent = (props: SvgProps) => (
    <svg
        width={props.width ? props.width.toString() : '376'}
        height={props.height ? props.height.toString() : '376'}
        fill='var(--center-channel-bg)'
        viewBox='0 0 376 376'
        xmlns='http://www.w3.org/2000/svg'
    >
        <path
            d='M68 187.853C68 187.853 72.0233 139.722 97.4808 115.505C122.938 91.2875 147.196 75.1738 198.723 72.1291C250.25 69.0843 282.272 120.822 287.236 130.05C292.201 139.277 307 166.704 307 187.946C307 209.189 307.165 253.807 276.743 273.644C246.321 293.482 216.981 305.029 195.97 303.928C174.959 302.827 121.833 298.424 98.0455 265.377C74.2584 232.329 68 221.673 68 187.853Z'
            fill='#FFBC1F'
        />
        <path
            d='M191.735 97.0247C197.116 95.4807 202.751 95.0106 208.315 95.6417C213.879 96.2727 219.263 97.9923 224.157 100.702C224.438 100.866 224.765 100.935 225.088 100.896C225.412 100.857 225.713 100.713 225.946 100.486C226.179 100.26 226.331 99.9629 226.377 99.642C226.424 99.3211 226.363 98.9939 226.204 98.7109C221.687 90.4436 209.876 75.2908 190.347 94.5187C190.106 94.7428 189.946 95.0408 189.894 95.3654C189.842 95.6899 189.9 96.0224 190.06 96.3102C190.219 96.598 190.471 96.8246 190.774 96.954C191.078 97.0834 191.416 97.1083 191.735 97.0247Z'
            fill='#FFD470'
        />
        <path
            d='M143.808 281.935C131.362 269.124 114.774 253.01 116.421 197.619C118.068 142.228 131.385 122.672 140.914 107.987C146.09 99.9767 164.066 83.4648 186.159 73.0893C143.173 77.9609 120.75 93.2782 97.4808 115.435C72.0233 139.652 68 187.782 68 187.782C68 221.602 74.2349 232.283 98.0455 265.213C121.856 298.143 174.936 302.686 195.97 303.764C195.97 303.811 156.254 294.629 143.808 281.935Z'
            fill='#CC8F00'
        />
        <path
            d='M156.608 229.378C161.549 226.498 164.678 230.409 167.948 232.681C178.348 239.824 188.818 246.546 201.829 247.904C220.652 249.895 235.851 244.368 246.18 227.669C248.297 224.226 250.062 216.989 255.073 219.635C260.697 222.633 254.744 227.739 253.591 231.908L253.379 232.634C250.468 238.619 246.334 243.933 241.241 248.236C236.149 252.539 230.21 255.737 223.804 257.624C208.111 262.308 192.112 262.426 176.748 255.282C169.453 251.797 163.211 246.457 158.655 239.801C156.278 236.803 154.631 233.36 156.608 229.378Z'
            fill='#6F370B'
        />
        <path
            d='M156.607 229.378C158.772 243.15 174.912 255.75 192.253 258.093C217.757 261.535 238.039 253.08 253.426 232.634C253.426 241.862 246.368 246.687 240.391 251.745C218.345 270.482 179.03 267.695 159.642 246.335C155.219 241.651 150.349 236.264 156.607 229.378Z'
            fill='#FFD470'
        />
        <path
            d='M288.776 148.607C288.243 146.827 287.408 145.165 286.875 143.385C286.016 140.498 286.016 137.419 286.875 134.532C286.017 134.415 285.159 134.321 284.255 134.251C277.833 133.665 258.148 134.064 249.059 134.251C241.677 134.424 234.455 136.461 228.052 140.176C222.348 143.309 215.994 145.042 209.504 145.235C203.678 145.374 197.905 144.097 192.671 141.511C188.034 139.591 177.345 138.443 168.627 138.443C159.909 138.443 125.293 139.778 113.19 142.471C101.087 145.165 101.272 152.027 101.272 152.027C102.037 157.952 108.645 157.367 111.312 157.554C113.978 157.741 114.511 159.662 114.697 161.957C115.412 170.814 116.965 179.582 119.334 188.141C122.742 199.851 128.052 201.139 132.202 203.434C136.352 205.729 146.6 205.167 158.889 205.167C170.407 205.114 181.886 203.827 193.135 201.326C199.186 199.617 199.395 194.651 200.09 191.771C200.786 188.89 203.499 172.847 204.728 168.842C205.956 164.838 207.765 163.877 208.716 163.479C210.393 163.158 212.129 163.431 213.631 164.252C216.089 165.212 217.967 170.177 218.732 174.393C220.314 181.341 223 187.985 226.685 194.066C230.278 199.242 239.924 198.469 251.841 198.469C261.409 198.552 270.949 197.435 280.244 195.143C285.901 193.551 288.359 186.431 289.518 182.613C291.032 175.623 292.047 168.532 292.556 161.395C292.741 159.053 292.973 157.39 293.228 155.961C291.176 153.911 289.648 151.387 288.776 148.607Z'
            fill='#CC8F00'
        />
        <path
            d='M106.976 143.151C106.976 143.151 106.79 136.265 118.893 133.595C130.996 130.925 165.636 129.59 174.354 129.59C183.072 129.59 193.83 130.738 198.374 132.635C203.613 135.234 209.397 136.512 215.231 136.359C221.721 136.166 228.075 134.433 233.779 131.3C240.182 127.585 247.404 125.548 254.786 125.375C263.875 125.187 283.559 124.813 289.982 125.375C296.404 125.937 301.899 127.295 303.893 129.192C305.887 131.089 307.487 133.876 306.745 135.703C305.132 138.049 303.15 140.114 300.879 141.816C299.534 142.963 298.561 145.633 298.027 152.519C297.527 159.655 296.519 166.746 295.013 173.737C293.877 177.555 291.419 184.674 285.739 186.29C276.441 188.562 266.902 189.671 257.336 189.593C245.419 189.593 235.773 190.366 232.179 185.213C228.495 179.124 225.809 172.472 224.227 165.517C223.485 161.325 221.584 156.336 219.126 155.399C217.624 154.578 215.888 154.305 214.21 154.626C213.26 155.001 211.358 155.961 210.222 159.966C209.086 163.971 206.443 180.037 205.585 182.918C204.727 185.799 204.658 190.74 198.629 192.473C187.449 194.961 176.041 196.264 164.593 196.361C152.304 196.361 142.079 196.947 137.906 194.651C133.732 192.356 128.446 191.021 125.061 179.358C122.68 170.802 121.127 162.033 120.424 153.174C120.215 150.832 119.658 148.959 117.015 148.771C114.372 148.584 107.741 149.076 106.976 143.151Z'
            fill='#090A0B'
        />
        <path
            d='M131.506 154.205C131.523 157.338 131.74 160.467 132.155 163.573C132.677 167.986 133.776 172.31 135.424 176.431C136.947 179.958 139.342 183.031 142.38 185.354C145.937 186.652 149.706 187.257 153.486 187.134C159.051 187.274 177.344 187.016 180.104 187.134C182.863 187.251 191.836 187.274 194.015 184.979C197.546 181.958 199.877 177.749 200.577 173.128C201.319 166.758 201.574 153.362 201.574 150.692C201.574 148.022 201.829 146.008 199.696 144.321C197.064 142.205 193.785 141.078 190.421 141.136C186.526 141.277 157.961 140.996 151.701 141.136C145.441 141.277 138.462 141.136 135.795 143.806C134.261 145.025 133.061 146.621 132.31 148.441C131.559 150.262 131.282 152.246 131.506 154.205Z'
            fill='#2D3039'
        />
        <path
            d='M230.672 153.596C230.672 153.596 231.692 161.887 232.573 165.587C233.723 169.788 235.506 173.785 237.859 177.438C239.622 179.78 240.178 180.88 244.815 181.372C249.452 181.864 261.045 182.286 266.146 182.145C270.981 182.169 275.79 181.442 280.406 179.991C283.65 178.864 286.35 176.537 287.964 173.48C289.641 169.182 290.431 164.583 290.283 159.966C290.283 153.994 290.028 145.914 289.773 143.408C289.518 140.902 285.877 135.89 279.061 135.633C269.124 135.442 259.184 135.825 249.29 136.78C243.851 137.397 238.535 138.842 233.524 141.066C231.182 142.495 229.513 145.727 230.672 153.596Z'
            fill='#2D3039'
        />
        <path
            d='M133.082 181.489C133.082 181.489 133.291 180.529 133.94 180.529C134.59 180.529 135.262 180.529 136.398 182.169C137.534 183.808 138.485 186.244 140.293 187.157C142.292 188.232 144.549 188.719 146.808 188.562C150.982 188.75 154.39 188.071 155.526 188.562C156.662 189.054 157.219 191.513 155.99 191.607C154.761 191.701 145.765 191.794 143.029 191.607C140.517 191.633 138.068 190.809 136.073 189.265C134.662 187.895 133.617 186.187 133.036 184.3C132.826 183.373 132.842 182.409 133.082 181.489Z'
            fill='#3F4350'
        />
        <path
            d='M140.294 169.334C140.417 169.362 140.544 169.364 140.669 169.341C140.793 169.318 140.911 169.27 141.017 169.2C141.123 169.131 141.214 169.04 141.285 168.934C141.355 168.829 141.405 168.71 141.43 168.585C141.615 167.625 141.221 163.901 141.43 159.873C141.638 155.844 141.801 152.519 144.258 150.903C146.526 149.31 149.009 148.056 151.631 147.179C153.162 146.874 155.04 146.312 156.268 146.125C157.497 145.937 158.448 145.258 158.263 144.79C158.077 144.322 154.182 144.298 151.817 144.298C148.513 144.063 145.197 144.063 141.893 144.298C140.201 144.79 137.929 143.83 136.978 146.968C136.227 150.164 135.968 153.458 136.213 156.734C136.306 159.31 138.021 169.147 140.294 169.334Z'
            fill='#505667'
        />
        <path
            d='M153.532 134.555C153.532 134.555 153.347 135.258 155.434 135.562C157.52 135.867 189.865 136.476 194.015 136.85C198.165 137.225 194.015 134.181 190.05 133.408C183.57 132.018 176.985 131.188 170.365 130.925C163.549 130.925 152.767 131.487 153.532 134.555Z'
            fill='#505667'
        />
        <path
            d='M186.828 150.809C188.038 151.151 189.104 151.883 189.865 152.893C190.816 154.439 191.558 157.109 193.644 156.734C195.731 156.359 196.867 156.383 197.632 153.783C198.095 152.562 198.162 151.224 197.825 149.962C197.487 148.699 196.762 147.577 195.754 146.757C193.436 144.86 191.372 143.478 189.494 144.064C187.616 144.649 184.857 145.048 184.857 146.757C184.857 148.467 183.813 148.701 186.828 150.809Z'
            fill='#63697E'
        />
        <path
            d='M278.412 144.251C279.207 144.48 279.907 144.966 280.406 145.633C281.032 146.664 281.542 148.42 282.933 148.162C284.324 147.905 285.066 147.952 285.553 146.219C285.875 145.408 285.929 144.515 285.708 143.671C285.487 142.827 285.001 142.077 284.324 141.535C282.794 140.27 281.426 139.356 280.174 139.755C278.922 140.153 277.159 140.387 277.159 141.535C277.159 142.682 276.394 142.846 278.412 144.251Z'
            fill='#63697E'
        />
        <path
            d='M237.35 164.112C239.251 164.112 238.486 161.582 238.695 158.865C238.904 156.149 239.622 149.497 242.289 147.741C245.227 145.771 248.407 144.196 251.748 143.057C254.577 142.284 253.812 141.558 251.748 141.16C247.937 140.914 244.109 141.23 240.387 142.097C238.913 142.588 237.61 143.5 236.635 144.721C235.66 145.942 235.055 147.422 234.892 148.982C234.707 152.331 234.707 164.041 237.35 164.112Z'
            fill='#505667'
        />
        <path
            d='M233.315 180.529C233.742 182.276 234.669 183.856 235.981 185.073C236.863 185.831 237.884 186.406 238.986 186.764C240.089 187.122 241.25 187.255 242.404 187.157C246.809 187.368 249.476 187.977 250.357 187.157C251.238 186.337 250.867 184.698 249.847 184.698C247.24 184.946 244.61 184.724 242.079 184.042C240.132 183.035 237.442 181.888 236.723 179.991C236.005 178.093 235.216 176.805 234.08 177.04C232.944 177.274 232.596 178.562 233.315 180.529Z'
            fill='#3F4350'
        />
        <path
            d='M257.916 130.925C257.916 130.925 257.568 131.44 260.234 131.44C262.9 131.44 277.948 131.042 283.42 131.44C287.14 131.62 290.847 132.003 294.526 132.588C296.543 132.963 297.54 133.22 297.795 132.588C298.05 131.956 296.798 130.246 294.387 129.52C290.414 128.51 286.366 127.829 282.284 127.482C278.25 127.108 271.943 127.482 268.14 127.482C264.848 127.639 261.586 128.198 258.426 129.145C257.8 129.403 257.174 129.778 257.916 130.925Z'
            fill='#505667'
        />
        <path
            d='M218.824 142.916C218.605 144.116 218.605 145.346 218.824 146.546C219.195 148.069 218.824 150.153 220.702 150.27C222.58 150.387 223.925 150.059 224.296 148.116C224.682 145.79 224.682 143.415 224.296 141.09C223.925 140.153 222.719 138.443 221.607 138.747C220.494 139.052 218.824 139.286 218.824 142.916Z'
            fill='#505667'
        />
    </svg>
);

export default SvgComponent;
